.news-header{
  position: relative;
  z-index: 1;
  height: 50px;
  background: #232526;
}
.news-content{
  height: 70%;
  background-color: rgb(249, 249, 249);
}
.news-footer{
  background: #232526;
  height:300px;
}

.news-info{
  width: 45%;
  height: 100%;
  display: inline-block;
  float: left;
  margin-left: 15%;
  background-color: white;
}

.author-info{
  width: 18%;
  height: 100%;
  display: inline-block;
  float: left;
  margin-left: 2%;
  background-color: white;
}

.news-info-avatar{
  display: inline-block;
  float: left;
}

.news-info-detail{
  float: left;
  margin-left: 2%;
  padding-top: 1%;
}

.author-info-detail{
  float: left;
  margin-left: 3%;
  padding-top: 1%;
}

.author-info-avatar{
  display: inline-block;
  float: left;
}

.author-info-article{
  height: 30%;
  width: 100%;
  margin-left: 3%;
}

.author-info-articles{
  height: 30%;
  width: 100%;
  margin-left: 3%;
}